@CHARSET "UTF-8";

#mainDiv {
	width: 1400px;
	margin: 0 auto;
	background-color: white;
	margin-top: 5%;
}

a {
	text-decoration: none;
}

.eixtDiv_bt {
	width: 58px;
	text-align: center;
	height: 30px;
	font-size: 12px;	
}
.eixtDiv_bt:hover{
	background-color:#00ced1;
}
#FristDiv {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}

#contentDiv {
	height: 650px;
}

.column {
	height: 650px;
	width: 180px;
	background-color: #696969;
	float: left;
}

.column_ul {
	width: 180px;
	height: 513px;
}

.column_ul ul li {
	list-style-type: none;
	float: left;
	width: 180px;
	color: #48d1cc;
	cursor: pointer;
	text-align: center;
	height: 60px;
	line-height: 60px;
	letter-spacing: 3px;
	margin-left: -40px;
}

.manageDiv {
	width: 1220px;
	float: left;
	background-color: #dcdcdc;
	height: 650px;
	display: none;
}

.manageDiv_1 {
	width: 1200px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: white;
	height: 50px;
}

.input {
	margin-top: 10px;
	height: 20px;
	width: 100px;
	margin-left: 30px;
	border-radius: 5px;
}

.select1 {
	margin-top: 10px;
	height: 28px;
	width: 100px;
	margin-left: 30px;
	border-radius: 5px;
	border: 2px solid #c0c0c0;
}
.select2{
	margin-top: 10px;
	height: 34px;
	width: 100px;
	border-radius: 5px;
	border: 2px solid #c0c0c0;
	margin-left:5px;
}

.manageDiv_2 {
	width: 1200px;
	margin-left: 10px;
	margin-top: 10px;
	height: 530px;
	background-color: white;
}

.span {
	float: left;
	text-align: center;
	background-color: #00ced1;
	height: 40px;
	line-height: 40px;
}

.person_up {
	margin-left: 100px;
	margin-top: -35px;
	height: 30px;
	width: 130px;
	cursor: pointer;
	line-height: 30px;
}

.PersonDiv_1 {
	width: 1200px;
	background-color: white;
	height: 580px;
	margin-left: 10px;
	margin-top: 10px;
}

.PersonDiv_1 ul li {
	text-align: center;
	color: #696969;
	width: 500px;
	float: left;
	list-style-type: none;
	height:40px;
	margin-top: 15px;
	margin-left: 50px;
	font-size: 25px;
	color: rgb(102, 102, 102);
	font-family: myfont2;
	border-width: 5px;
}

.addCompanyUser {
	width: 400px;
	height: 310px;
	border: 5px solid #c0c0c0;
	text-algin: center;
	display: none;
	float: left;
	margin-top: -28%;
	margin-left: 18%;
	position: fixed; z-index : 10;
	background-color: white;
	z-index: 10;
}

.addProduct {
	width: 400px;
	height: 180px;
	border: 5px solid #c0c0c0;
	text-algin: center;
	z-index: 10;
	background-color: white;
	display: none;
	float: left;
	margin-top: -15%;
	margin-left: 18%;
	position: fixed;
}

.changePerson {
	width: 400px;
	height: 450px;
	border: 5px solid #c0c0c0;
	text-algin: center;
	display: none;
	z-index: 10;
	background-color: white;
	float: left;
	margin-top: -600px;
	margin-left: 300px;
	position: fixed;
}

.exitDiv {
	width: 300px;
	height: 130px;
	border: 5px solid  #00ced1;
	text-algin: center;
	z-index: 10;
	display: none;
	background-color: white; 
	float : left;
	margin-top: 15%;
	margin-left: 30%;
	position: fixed;
	float: left;
}
.table{
	TABLE-LAYOUT: fixed;
}
.table td{
	WORD-WRAP: break-word;
	height:30px;
}
.update_Person {
	width: 400px;
	height: 360px;
	border: 5px solid #c0c0c0;
	text-algin: center;
	display:none;
	margin-top: -28%;
	z-index: 10;
	background-color: white;
	float: left;
	margin-left: 18%;
	position:  fixed;
}